<template>
    <div style="background-color: aliceblue;">
        <div style="margin-left: 15px;float: left;width: 140px;height: 100%;">
            <h3 style="margin-left: 15px;margin-top: 35px;">老人管理系统</h3>
            <el-menu class="el-menu-vertical-demo" @select="handleSelect">
                <el-menu-item>
                    <router-link to="./MerchantManager">
                        <el-button style="background: transparent;margin-top: 10px;width: 169px;margin-left: -35px;height: 60px;border: none;">商家管理</el-button>
                    </router-link>
                </el-menu-item>
                <el-menu-item>
                    <router-link to="./ElderManager">
                        <el-button style="background: transparent;width: 169px;margin-left: -35px;height: 60px;border: none;">老人管理</el-button>
                    </router-link>
                </el-menu-item>
                <el-menu-item>
                    <router-link to="./AdminManager">
                        <el-button style="background: transparent;width: 169px;margin-left: -35px;height: 60px;border: none;">管理员管理</el-button>
                    </router-link>
                </el-menu-item>
                <el-menu-item>
                    <router-link to="./CommunityManager">
                        <el-button style="background: transparent;width: 169px;margin-left: -35px;height: 60px;border: none;">社区活动管理</el-button>
                    </router-link>
                </el-menu-item>
                    
                    
            </el-menu>
        </div>
        <div style="margin-top: 10px;margin-left: 13%;background-color: gainsboro;padding: 20px;height: 40px;border-radius: 10px;">
            <el-avatar style="float: right;margin-right: 200px;" :size="40" src="https://cube.elemecdn.com/0/88/03b0d39583f48206768a7534e55bcpng.png" />
            <el-button class="logout" style="margin-left: 85%;margin-top: -60px;">
                <router-link to="/Login">退出登录</router-link>
            </el-button>
        </div>
        <div style="margin-left: 13%;margin-top: 20px;">
            <router-view></router-view>
        </div>
    </div>
</template>

<script lang="js" setup>
</script>

<style>
    .el-menu-vertical-demo{
        width: 140px;
        height: 85%;
        border-radius: 10px;
        margin-top: 30px;
        background-color:rgb(180, 187, 193);
    }
    .logout:hover{
        background-color: rgb(176, 52, 52);
        color: white;
    }
</style>
